<%include file="include/head.html"%>
<div class="wrapper">
  <div id="div-home" class="main-info-box">
    <%include file="include/crumbs.html"%>
    <%include file="include/edit_nav.html"%>   
    <div class="div-info-body">
      <link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/imgareaselect-animated.css"/>
      <link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/jquery-ui-1.8.22.custom.css"/> 
      <link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/jquery.ui.progressbar.css"/>
      <form action="/users/insert_photo" method="post" enctype="multipart/form-data">
	<input type="hidden" name="user_id" value="<%$user.id%>"/><br/>
	<input type="hidden" name="APC_UPLOAD_PROGRESS" value="<%$upload_id%>" />
        <dl>
            <dt>人物：</dt>
            <dd><%$user.realname%></dd>
            <dt>选择照片：</dt>
            <dd><input required type="file" name="photo"/></dd>
            <dt>照片描述：</dt>
            <dd><textarea name="memo" maxlength="64"></textarea></dd>
            <dt>&nbsp;</dt>
            <dd><input type="submit" class="ym-button" onclick="start_upload_monitor()" value="提交"/>
	      <a onclick="history.back(1);">取消</a>
	    </dd>
        </dl>
      </form>

      <div id="msg">
      </div>
      <BR/>
      <diV Id="progress" style="display:none">
	上传照片需要一点时间，请耐心等候：<br/>
	<div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
	  <!-- <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 20%;"></div> -->
	</div>
      </div>
    </div>
    <div class="clear">
    </div>

  </div>
  <!-- <script src="<%$JS_DIR%>/jquery-1.7.2.min.js"></script> -->
  <script src="<%$JS_DIR%>/jquery.ui.widget.js"></script>
  <script src="<%$JS_DIR%>/jquery.ui.progressbar.js"></script>
  <script src="<%$JS_DIR%>/upload.js"></script>
</div>
<%include file="include/bottom.html"%>
